#container {
background-color:#000000;
margin-left:auto;
margin-right:auto;
	text-align:center;
	width:400px;
	float: none;
	}
#container a {
    color: #B3B3B3;
	text-decoration: none;
	}	
#container a:hover {
	color: #FF0000;
	text-decoration: none;
	}

#menu {
background-image: url(GRAPHICS%20MOB/CC%20MENU%20BKRNG%20MOB.jpg);
background-repeat:no-repeat;
background-color:#000000;
margin-left:auto;
margin-right:auto;
	text-align:center;
	width:400px;
	float: none;
	}
#menu a {
    color: #B3B3B3;
	text-decoration: none;
	}	
#menu a:hover {
	color: #FF0000;
	text-decoration: none;
	}

	/* The Banner Across the top */
       
#header {
margin-left:auto;
margin-right:auto;
float:left;
width:400px;
	text-align:center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


a img { border: none; }

	/* This is code that removes the blue or purple border on image links added as default by dreamweaver */


	 	/* Global Styles */	/* These refer to the spry menu list */		
td {
	font:medium Papyrus, Verdana, Geneva, Arial, sans-serif;
	color:#B3B3B3;
	}
 
/* ID Styles -------- I'm not sure if I used this so I won't remove it. (I think SPRY uses them so they stay) */

#navigation td {

	}

#navigation a {
	font: medium Papyrus, Verdana, Geneva, Arial, sans-serif;
	color: #B3B3B3;

	letter-spacing:.1em;
	text-decoration: none;

	}
	
#navigation a:hover {
	color:#FF0000;


	}
#navigation a:visited {
color:#B3B3B3;
}

	/* This I used as the main page text content I only defined it to have 785px out of 1000px for the min width of my content page. It has a 10px margin */
	
#mainpage {

text-align:center;
     float: left;
	 width: 400px;
	 height:auto;
}
#mainpage a:link {
	color: #B3B3B3;
	text-decoration: none;
	}	
#mainpage a:hover {
	color: #FF0000;
	text-decoration: none;
	}

	/* I use this for the Main part of a text body to spread across the whole content area. I gave it a 25px margin at the left (the right margin doesn't need to be defined. You can use floats to ad pictures inline to this area. */
	



	/* This defines the color of the links on the pages */

a:active {
	text-decoration: none;
	color: none;
}

a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;



}

	/* This defines the whole website backround (what you see at the sides) */	
	
body {

	background-color:#000000;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	font-family: Papyrus, Verdana, Geneva, Arial, sans-serif;
	text-align:center;
	float:none;
	clear:none;

	}
	
		/* These are the styles of headings and text */
	
    h1, h2 {
	color: #FFCC99;        	/* This defines the main WHITE color of the text */
	
	}
	/* Main Title Size */
	h1 {
	color:#FFCC99;        	/* This is a beige color text */
	text-align:center;
	font-size: x-large;
	}
	/* Large Heading Size and iherits the alignment of the div */
	h2 {
	font-size: large;
	font-weight:bold;
	}
	h2 em {
	        color: #EO922F;
			
	}
    h3 {
	color: #B3B3B3;   	/* WHITE */
	font-size: x-large;
	font-weight:bold;
	}
	/* Main Text Size */
	p {
	color: #B3B3B3;   	/* WHITE */
	font-size: medium;
	text-decoration: none;
	}


	
	/* by definition I don't even need this here */
	



	
	/* This is good to use as the Main text at 1000px because I have no problem with the colorization and activity of the LINKS. Use it in conjunction with <div class= "textarea"> to produce margins. as I said, the LINKS act properly without any oddities */
	
#footer {
background-color:#000000;
margin-left:auto;
margin-right:auto;
	text-align:center;
	width:400px;
	float: left;
	}
#footer a {
    color: #B3B3B3;
	text-decoration: none;
	}	
#footer a:hover {
	color: #FF0000;
	text-decoration: none;
	}
  

@font-face{
font-family: 'Papyrus';
src: url(Web Content/'PAPYRUS.TTF') format('truetype');
}